<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哆啦a梦斗地主——注册页</title>
    <link rel="stylesheet" href="../css/register.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script>
        function changeCode() {
       var cvs = document.getElementById("cvs");
       vailCode = drawCode(cvs);
   }
//    function vailCodes() {
//        var code = document.getElementById("inputCode").value;
//        if (code.toLowerCase() == vailCode.toLowerCase()) {
//            return true;
//        }else {
//            document.getElementById("errMsg").innerHTML="验证码输入错误";
//            changeCode();
//            return false;
//        }
//    }
   window.onload = changeCode; //加载页面显示验证码
   </script>
</head>

<body>
    <div class="all">
        <!-- 头部 -->
        <header>
            <div class="content">
                <img class="logo" src="../img/login/logo-1.png" />
                <img class="tv" src="../img/register/TV_nowloading_icon.gif" alt="" srcset="">
            </div>
        </header>
        <!-- 导航 -->
        <nav>
            <!-- 注册内容区 -->
            <div class="top">
                <ul>
                </ul>
            </div>
        </nav>
        <section>

            <div class="register">
                <p>Register注册</p>
                <div class="main">
                    <div class="forms">
                        <p><span>昵称:</span><input id="username" class="input require" type="text" placeholder="请输入用户名" required>
                        </p>

                        <p><span>密码:</span><input id="password" class="input require" type="password" required
                                placeholder="请输入密码"></p>
                        <p><span>确认密码:</span><input id="password1" class="input require" type="password" placeholder="请确认密码" required></p>
                    
                        <p><span>生日:</span><input id="data" class="input" type="date" required></p>
                        <p class="yzm"><span class="yz">验证码:</span>
                            <input class="input require" type="text" id="checked" placeholder="请输入验证码"  required>
                            <canvas id="cvs" onclick="changeCode()"></canvas> </p>
                            <div id="f-msg"></div>
                            <!-- <a class="code_a" onclick="changeCode()">切换一张</a><br></p> -->
                        <p id="submit"> <input type="submit" value="提交" id="send" /></p>
                        </div>
                </div>
         
            </div>
              <img class="event" src="../img/register/icon_50thevent.png" alt="">
              <img class="depart" src="../img/register/icon_mirai_depart.png" alt="">
              <img class="take" src="../img/register/icon_takeout2020.png" alt="">
            <div class="calendar">
                <div class="time"></div>
                <img src="../img/register/widget_image.png" alt="">

            </div>
            </section>
        <!--尾部  -->
        <footer>
            <!-- 上部分图标：蓝色条纹背景 -->
            <div class="footer_top"></div>

            <!-- 下部分版权等信息：纯色背景 -->
            <div></div>

        </footer>
    </div>
    <script src="../js/register.js"></script>
   

</body>

</html>